:global{
  .my-wrap{
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:99;
    opacity: 0.3;
    background: #000;
    transition: opacity 0.3s ease;
    &.my-wrap-close{
      transition: opacity 0s ease;
      opacity: 0;
      z-index:-1;
      position: absolute;
    }
  }
  .my-drawer{
    position: fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:99;
    transition: all 0.3s ease;
    &.my-drawer-close{
      //right:100%;
      overflow: hidden;
      .content{
        //left:-200px;
      }
    }
    .content{
      position: absolute;
      //left:0;
      //width:70%;
      //height:100%;
      //background: #eee;
      background: #fff;
      transition: all 0.3s ease;
      overflow: auto;
    }
  }
  .header-drawer .my-drawer .content{
      background: #eee;
  }
}